@import '~antd/es/style/variable.less';

.leftContainer {
  position: relative;
  flex-direction: column;
  align-items: center;
  width: 42px;
  height: 100%;
  .leftMenu {
    position: relative;
    z-index: 11;
    width: 100%;
    height: 100%;
    padding: 4px 0;
    background-color: @component-background;
    .leftIcon {
      width: 100%;
      margin: 4px 0;
      color: @text-color;
      font-size: 17px;
      line-height: 36px;
      text-align: center;
      opacity: 0.95;
      &.active {
        color: @primary-color;
      }
    }
  }
  &:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 11;
    width: 0;
    border-right: 1px solid @background-color-base;
    content: '';
  }
}
